<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8"/>
	<title>易买网 - 首页</title>
	<link rel="stylesheet" th:href="@{/css/style.css}" type="text/css" />
	<script th:src="@{/scripts/function.js}" type="text/javascript"></script>
</head>
<body>
<div class="wrap" id="header">
	<div id="logo"><img th:src="@{/images/logo.gif}" /></div>
	<div class="help"><a class="shopping" href="#">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div class="wrap" id="position">
	您现在的位置：<a href="index.html">易买网</a> &gt; <a href="product-list.html">图书音像</a> &gt; 图书
</div>
<div class="wrap" id="main">
	<div class="lefter">
		<div class="box">
		  <h2>商品分类</h2>
			<dl  th:each="DPC:${application.DadsCategory}">
				<dt th:text="${DPC.epcName}">图书音像</dt>
				<dd th:each="SPC:${application.SonsCategory}"
				th:if="${SPC.epcParentId==DPC.epcId}">
					<a th:href="@{/tamplates/product-list.html}" th:text="${SPC.epcName}">图书</a></dd>
			</dl>
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img src="images/product/0_tiny.gif" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
				<dt><img src="images/product/0_tiny.gif" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
			</dl>
		</div>
	</div>
	<div class="main" id="product">
		<h1 th:text="${proDetail.epName}">铁三角 Audio-Technica ATH-EQ300M-SV 银色 挂耳式耳机</h1>
		<div class="infos">
			<div class="thumb"><img th:src="@{'/images/product/'+${proDetail.epFileName}}" /></div>
			<div class="buy">
				<p>商城价：<span class="price" th:text="${'￥'+proDetail.epPrice}">￥99.00</span></p>
				<p th:if="${proDetail.getEpStock()>0}" th:text="${'有货且库存量为：'+proDetail.getEpStock()}">库　存：有货(库存3件) </p>
				<p th:if="${proDetail.getEpStock()<=0}" th:text="${'缺货'}">&nbsp</p>
			  <div class="button"><input name="button" type="button" value=""/><a href="#">放入购物车</a></div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="introduce">
			<h2><strong>商品详情</strong></h2>
			<div class="text" th:text="${proDetail.epDescription}">
				铁三角<br />
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>
</body>
</html>
